﻿<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/swiper.css" />
<link rel="stylesheet" href="css/b_style.css" />
<script type="text/javascript" src="js/jquery1.42.min.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>
<script type="text/javascript" src="js/touchslide.1.1.js" ></script>
<script type="text/javascript" src="js/swiper.min.js" ></script>
</head>
<body class="id-body">
<!--header-->
<div class="headerWrap">
	<div class="w1024">
		<div class="headpc cleafix">
			<a href="#" class="logo fl"><img src="images/logo.png"/></a>
			<ul class="navpc fr">
				<li><a href="#">首页</a></li>
				<li class="marr">
					<a href="#">方案中心</a>
					<ul class="box">
		                <li><a href="#">智能家居</a></li>
		                <li><a href="#">智慧体育</a></li>
		                <li><a href="#">智慧酒店</a></li>
		                <li><a href="#">智慧社区</a></li>
		            </ul>
				</li>
				<li class="marr">
					<a href="#">产品中心</a>
					<ul class="box">
		                <li><a href="#">智能产品</a></li>
		                <li><a href="#">247家庭安全方案</a></li>
		                <li><a href="#">ieadHOS</a></li>
		            </ul>
				</li>
				<li class="marr">
					<a href="#">核心技术</a>
					<ul class="box">
		                <li><a href="#">doorOS</a></li>
		                <li><a href="#">ideaHOS</a></li>
		            </ul>
				</li>
				<li><a href="#">精彩案例</a></li>
				<li class="marr">
					<a href="#">新闻动态</a>
					<ul class="box">
		                <li><a href="#">行业新闻</a></li>
		                <li><a href="#">浩思动态</a></li>
		            </ul>
				</li>
				<li><a href="#">合作伙伴</a></li>
				<li class="marr">
					<a href="#">关于我们</a>
					<ul class="box boxend">
		                <li><a href="#">公司介绍</a></li>
		                <li><a href="#">企业文化</a></li>
		                <li><a href="#">CEO致辞</a></li>
		                <li><a href="#">团队管理</a></li>
		                <li><a href="#">联系我们</a></li>
		                <li><a href="#">加入我们</a></li>
		            </ul>
				</li>
			</ul>
		</div>
		<div class="headwap">
			<a href="#" class="logo"><img src="images/logo.png"/></a>
			<div id="Nav">
				<ul class="navwap">
					<li><a href="#" class="cur">首页</a></li>
					<li><a href="#">方案中心</a></li>
					<li><a href="#">产品中心</a></li>
					<li><a href="#">核心技术</a></li>
					<li><a href="#">精彩案例</a></li>
					<li><a href="#">新闻动态</a></li>
					<li><a href="#">合作伙伴</a></li>
					<li><a href="#">关于我们</a></li>
				</ul>
			</div>
			<div id="menu_wap"></div>
		</div>
		<div id="showRight"></div>
	</div>
	<div class="box1_bg"></div>
</div>

<!--banner-->
<div class="bannerWrap_wc cleafix">
	<div id="content">
		<div id="focus" class="focus">
			<div class="hd">
				<ul></ul>
			</div>
			<div class="bd">
				<ul>
					<li><a href="#"><img src="images/banner.jpg" /></a></li>
					<li><a href="#"><img src="images/banner2.jpg"/></a></li>
					<li><a href="#"><img src="images/banner3.jpg"/></a></li>
					<li><a href="#"><img src="images/banner4.jpg"/></a></li>
				</ul>
			</div>
		</div>
	</div>
	<script>
	//banner
	TouchSlide({ 
		slideCell:"#focus",
		titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
		mainCell:".bd ul", 
		effect:"leftLoop", 
		delayTime: "600",
		interTime: "2500",
		autoPlay:true,//自动播放
		autoPage:true, //自动分页
	});
	</script>
</div>

<!--整体解决方案提供商-->
<div class="caseWrap">
	<div class="caseTop">
		<span>整体解决方案提供商<em>The overall solution provider</em></span>
		<div class="line"></div>
	</div>
	<div class="w1024">
		<ul class="case cleafix">
			<li>
				<div class="case_div">
					<div class="case_tp">
						<div class="img"><img src="images/case_ico1.png" alt="img"></div>
						<div class="info">
				            <img src="images/case_ico1_h.png" alt="img">
						</div>
					</div>
					<h2>智能家居<br/>smart home</h2>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器械，智能照明等产品。</p>
				</div>
			</li>
			<li>
				<div class="case_div">
					<div class="case_tp">
						<div class="img"><img src="images/case_ico2.png" alt="img"></div>
						<div class="info">
				            <img src="images/case_ico2_h.png" alt="img">
						</div>
					</div>
					<h2>智能家居<br/>smart home</h2>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器械，智能照明等产品。</p>
				</div>
			</li>
			<li>
				<div class="case_div">
					<div class="case_tp">
						<div class="img"><img src="images/case_ico3.png" alt="img"></div>
						<div class="info">
				            <img src="images/case_ico3_h.png" alt="img">
						</div>
					</div>
					<h2>智能家居<br/>smart home</h2>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器械，智能照明等产品。</p>
				</div>
			</li>
			<li class="marr">
				<div class="case_div">
					<div class="case_tp">
						<div class="img"><img src="images/case_ico4.png" alt="img"></div>
						<div class="info">
				            <img src="images/case_ico4_h.png" alt="img">
						</div>
					</div>
					<h2>智能家居<br/>smart home</h2>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器械，智能照明等产品。</p>
				</div>
			</li>
		</ul>
	</div>
</div>

<!--浩思新闻-->
<div class="newsWrap">
	<div class="newsTop">
		<span>浩思新闻<em>Hos News</em></span>
	</div>
	<div class="w1024 cleafix">
		<ul class="news_list cleafix">
			<li class="n_list">
				<div class="cha">
					<h2>2015-12-12</h2>
					<span class="line"></span>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等产品。<a href="#" class="li_more"></a></p>
				</div>
			</li>
			<li class="n_list">
				<div class="cha">
					<h2>2015-12-12</h2>
					<span class="line"></span>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等产品。<a href="#" class="li_more"></a></p>
				</div>
			</li>
			<li class="n_list">
				<div class="cha">
					<h2>2015-12-12</h2>
					<span class="line"></span>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等产品。<a href="#" class="li_more"></a></p>
				</div>
			</li>
			<li class="n_list1">
				<img src="images/weixin.png" />
				<span class="line"></span>
				<p>扫一扫二维码，关我们获取最新动态</p>
			</li>
		</ul>
		<a href="#" class="more">查看更多</a>
	</div>
</div>

<!--浩思服务-->
<div class="serviceWrap">
	<div class="serviceTop">
		<span>更多贴心    更多服务<em>More intimate, More services</em></span>
	</div>
	<div class="w1024">
		<ul class="service_list cleafix">
			<li class="cleafix">
				<div class="img"><img src="images/pic2.jpg" /></div>
				<div class="wen">
					<i class="ico"></i>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等。</p>
				</div>
			</li>
			<li class="cleafix">
				<div class="img"><img src="images/pic2.jpg" /></div>
				<div class="wen">
					<i class="ico"></i>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等。</p>
				</div>
			</li>
			<li class="marr cleafix">
				<div class="img"><img src="images/pic2.jpg" /></div>
				<div class="wen">
					<i class="ico"></i>
					<a href="#" class="tit">浩思年底新产品获xx大奖</a>
					<p>智慧体育健身房通过云平台，完整的集成了智能健身器材，智能照明等。</p>
				</div>
			</li>
		</ul>
	</div>
</div>

<!--合作伙伴-->
<div class="parentsWrap">
	<div class="caseTop">
		<span>合作伙伴<em>Parents</em></span>
		<div class="line"></div>
	</div>
	<div class="w1024 swiper-container swiper-container1">
		<div class="parents swiper-wrapper swiper-wrapper1">
			<a href="#" class="swiper-slide swiper-slide1"><em></em><img src="images/pic1.png"/></a>
			<a href="#" class="swiper-slide swiper-slide1"><em></em><img src="images/pic1.png"/></a>
			<a href="#" class="swiper-slide swiper-slide1"><em></em><img src="images/pic1.png"/></a>
			<a href="#" class="swiper-slide swiper-slide1 marr"><img src="images/pic1.png"/></a>
		</div>
		 <div class="swiper-pagination swiper-pagination1"></div>
	</div>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container1', {
	        pagination: '.swiper-pagination1',
	        speed:500,
			slidesPerView : 'auto',
	    });
	</script>
</div>

<!--bottom-->
<div class="bottomWrap">
	<div class="w1024">
		<div class="bottom cleafix">
			<ul class="bottomL fl cleafix">
				<li>
					<h2>方案中心</h2>
					<a href="#">智能家居</a>
					<a href="#">智能体育</a>
					<a href="#">智能酒店</a>
					<a href="#">智慧社区</a>
				</li>
				<li>
					<h2>产品中心</h2>
					<a href="#">智能产品</a>
					<a href="#">247家庭安全服务</a>
				</li>
				<li>
					<h2>新闻媒体</h2>
					<a href="#">浩思动态</a>
					<a href="#">行业新闻</a>
				</li>
				<li>
					<h2>关于我们</h2>
					<a href="#">CEO致辞</a>
					<a href="#">企业文化</a>
					<a href="#">团队管理</a>
				</li>
			</ul>
			<div class="bottomm fl">
				<div class="anniu"><a href="#"><img src="images/ico18.png"/></a><a href="#"><img src="images/ico19.png"/></a><a href="#"><img src="images/ico20.png"/></a></div>
				<div class="tel"><a href="400-123-1234" class="tel"><img src="images/ico21.png"/>400-123-1234</a></div>
			</div>
			<div class="bottomR fr">
				<span><img src="images/pic3.jpg" />浩思微信</span>
				<span><img src="images/pic3.jpg" />浩思微信</span>
			</div>
		</div>
	</div>
</div>

<!--footer-->
<div class="footerWrap"><p>Copyright (C) 2009-2016    浩思智能家居产品有限公司</p></div>

<!--返回顶部-->
<div class="TOP"><div class="float"><a href="javascript:;" class="gotop"><i class="ico"></i></a></div></div>
</body>
</html>
